<template>
  <img :src="imageUrl" height="45" alt="" />
  <h1>
    <slot></slot>
  </h1>
  <button type="button" @click="increment">add: {{ count }}</button>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import logo from "@src/assets/logo.svg";
import logoPro from "@src/assets/logo2.svg";

const logoType = import.meta.env.VITE_APP_LOGO
const logoImg = logoType === 'pro' ? logoPro : logo

const imageUrl = new URL(logoImg, import.meta.url).href;

const count = ref(0);

const increment = () => {
  count.value += 1
  };

  onMounted(() => {
    // runTest('Popup')
  })
</script>

<style>
h1 {
  margin: 5px;
}

button {
  margin-top: 10px;
}
</style>
